import React from 'react';
import { Routes, Route } from 'react-router-dom';
import Layout from '@/components/Layout';
import Home from '@/pages/Home';
import BoxManagement from '@/pages/BoxManagement';
import SnackManagement from '@/pages/SnackManagement';
import Orders from '@/pages/Orders';
import User from '@/pages/User';
import Settings from '@/pages/Settings';
import SnackOrder from '@/pages/SnackOrder';
import Cart from '@/pages/Cart';
import Payment from '@/pages/Payment';

export const AppRoutes = () => {
  return (
    <Routes>
      <Route element={<Layout />}>
        <Route path="/" element={<Home />} />
        <Route path="/box-management" element={<BoxManagement />} />
        <Route path="/snack-management" element={<SnackManagement />} />
        <Route path="/orders" element={<Orders />} />
        <Route path="/user" element={<User />} />
        <Route path="/settings" element={<Settings />} />
        <Route path="/snack-order" element={<SnackOrder />} />
        <Route path="/cart" element={<Cart />} />
        <Route path="/payment" element={<Payment />} />
      </Route>
    </Routes>
  );
}; 